<template>
	<view>
		<view class="bg">
			<view><text class="bigText bigMarginTop">产品设计领域智能AI</text></view>
			<image class="image1 bigMarginTop" src="../../static/textlogo.png"></image>
			<view class="bigMarginTop">
				<image class="image2" src="../../static/text1logo.png"> </image>
				<image class="image3" src="../../static/AI.png"> </image>
			</view>
			<view class="right bigMarginTop"> 
			<image  src="../../static/shejiqrcode.jpg"> </image>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onShareAppMessage(res) {
			return {
				title: '设辑-产品设计智能生成AI',
				path: '/pages/HomePage/HomePage',
				imageUrl: '/static/black-logo.png'
			}
		},
		// 自定义页面的分享到朋友圈
		onShareTimeline(res) {
			return {
				title: '设辑-产品设计智能生成AI',
				path: '/pages/HomePage/HomePage',
				imageUrl: '/static/black-logo.png'
			}
		},
		methods: {

		}
	}
</script>

<style>
	@import url("../../common/uni.css");
	
	.bigMarginTop{
		margin-top: 50upx;
	}
	.image1{
		width: 198.85px;
		height: 117.76px;
	}
	.image2{
		width: 195.67px;
		height: 36.31px;
	}
	.image3{
		margin-left: 100upx;
	width: 67.63px;
	height: 41.17px;
	}
	
	.bigText {
		font-size: 50px;
		font-weight: normal;
		line-height: 50px;
		text-align: center;
		letter-spacing: 0px;
		color: #FFFFFF;
	}
	
	.input1{
		margin-top: 50upx;
		color: #FFFFFF;
	}
   
     .right{
		 display: flex;
		 flex-direction: row-reverse;
	 }

	.bg {
		padding: 50upx;
		margin: 50upx;
		background: linear-gradient(142deg, #FE82DB 14%, #68E4FF 101%);
	}
</style>